<template>
  <view class="splash-container">
    <view class="splash-text">
      <image class="logo" src="/static/logo.png" mode="aspectFit"></image>
      <text class="title">严肃   认真   公正   准确</text>
      <text class="subtitle">-让   比   赛   更   公   平-</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onLoad() {
    // 延迟3秒后跳转到主页
    setTimeout(() => {
      uni.reLaunch({
        url: '/pages/index/index'
      });
    }, 3000);
  },
  methods: {}
};
</script>

<style lang="scss">
.splash-container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}

.splash-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  text-align: center;
  color: #000000;
  font-family: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", "微软雅黑", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  width: 100%;
  
  .logo {
    width: 160px;
    height: 160px;
    margin-bottom: 30px;
    align-self: center;
  }
  
  .title {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    letter-spacing: 4px;
  }
  
  .subtitle {
    font-size: 20px;
    letter-spacing: 4px;
    width: 100%;
    text-align: center;
    color: #4c4c4c;
  }
}
</style> 